<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>我的订单</title>
		<link rel="stylesheet" type="text/css" href="css/commen.css" />
		<link rel="stylesheet" type="text/css" href="css/order.css" />
		<script type="text/javascript" src="js/jquery-1.11.0.js" ></script>
		<script type="text/javascript" src="js/login_user.js" ></script>
	</head>
	<body>
		<div class="header">
			<div class="header-top">
				<div class="navigation">
					<ul>
						<li><a href="#">网站导航</a></li>
						<li><a href="#">客户服务</a></li>
						<li><a href="user.html">会员中心</a></li>
						<li><a href="shop_cart.html">购物车</a></li>
						<li><a href="#">我的收藏</a></li>
						<li><a href="#">我的贺曼</a></li>
						<li><a href="register.html">注册</a></li>
						<li><a href="login.html">登录</a></li>
					</ul>
				</div>
			</div>
			<div class="header-conter">
				<a href="index.html" class="left"><img src="images/logo.jpg"></a>
				<div class="middle">
					<div class="search">
						<input type="text" class="btn" />
						<span>搜索</span>
					</div>
					<i>大家都在搜：<a href="pro_details.html">连衣裙</a>  <a href="pro_details.html">连体衣 </a> <a href="pro_details.html">儿童毯</a>  <a href="pro_details.html">帽子</a></i>
				</div>
				<a class="right"><img src="images/index01.jpg"></a>
			</div>
			<div class="header-bottom">
				<div class="menu">
					<ul>
						<li><a href="index.html">首页</a></li>
						<li><a href="shop_list.html">特惠购</a></li>
						<li><a href="shop_list.html">闪购</a></li>
						<li><a href="shop_list.html">新品抢购</a></li>
						<li><a href="shop_list.html">全球购</a></li>
					</ul>
				</div>
				
			</div>
		</div>
		<div class="nav">

			<div class="sub-nav">
				<div class="pro-classify">
					<h2>全部产品分类</h2>
					<ul>
						<li>
							<a class="tx">
								婴幼儿服装>
							</a>
							<div class="pro">
								<dl>
									<dt>连体衣&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>套装&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>
										<a>短袖三角</a>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>
										<a>短袖三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>裙子&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>裙子&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>内衣&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>裙子&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
							</div>
						</li>
						<li class="a2">
							<a class="tx">男童服装></a>
							<div class="pro">
								<dl>
									<dt>2连体衣&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>套装&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>
										<a>短袖三角</a>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>
										<a>短袖三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>裙子&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>裙子&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>内衣&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>裙子&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
							</div>
						</li>
						<li class="a3">
							<a class="tx">女童服装></a>
							<div class="pro">
								<dl>
									<dt>3连体衣&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>套装&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>
										<a>短袖三角</a>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>
										<a>短袖三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>裙子&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>裙子&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>内衣&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>裙子&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
							</div>
						</li>
						<li class="a4">
							<a class="tx">儿童配饰></a>
							<div class="pro">
								<dl>
									<dt>4连体衣&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>套装&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>
										<a>短袖三角</a>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>
										<a>短袖三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>裙子&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>裙子&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>内衣&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>裙子&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
							</div>
						</li>
						<li class="a5">
							<a class="tx">婴儿家居></a>
							<div class="pro">
								<dl>
									<dt>5连体衣&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>套装&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>
										<a>短袖三角</a>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>
										<a>短袖三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>裙子&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>裙子&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>内衣&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>裙子&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
							</div>
						</li>
						<li class="a6">
							<a class="tx">儿童家居></a>
							<div class="pro">
								<dl>
									<dt>6连体衣&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>套装&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>
										<a>短袖三角</a>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>
										<a>短袖三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>裙子&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>裙子&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>内衣&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>裙子&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
							</div>
						</li>
						<li class="a7">
							<a class="tx">其他></a>
							<div class="pro">
								<dl>
									<dt>7连体衣&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>套装&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>
										<a>短袖三角</a>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>
										<a>短袖三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>裙子&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>裙子&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>内衣&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>裙子&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
							</div>
						</li>
					</ul>
				</div>
				<!--pro-classify-->
			</div>	
		</div>
		<!--头部 end-->
		<div class="conter">
			<h2><a href="index.html">首页</a>>我的订单</h2>
			<div class="conter-left">
				<ul>
					<li>
						<h1>订单中心</h1>
						<a href="order.html" class="on">我的订单</a>
						<a href="#">我的回购订单</a>
						<a href="#">我的意外保单</a>
					</li>
					<li>
						<h1>个人中心</h1>
						<a href="address.html">地址管理</a>
						<a href="#">我的收藏</a>
						<a href="#">消息提醒</a>
						<a href="#">建议反馈</a>
					</li>
					<li>
						<h1>个人中心</h1>
						<a href="#">我的优惠券</a>
						<a href="#">我的红包</a>
						<a href="#">我的回购券</a>
					</li>
					<li>
						<h1>服务中心</h1>
						<a href="#">退款跟踪</a>
						<a href="#">补办意外保</a>
						<a href="#">以旧换新</a>
					</li>
				</ul>
			</div>
			<div class="conter-right">
				<div class="mid-top">
					<i>我的订单</i>
					<div class="box">
						<ul>
							<li>待付款（<span>3</span>）</li>
							<li>待评价（<span>3</span>）</li>
							<li>待付款（<span>2</span>）</li>
							<li>待付款（<span>2</span>）</li>
							<li>待付款（<span>0</span>）</li>
						</ul>
					</div>
				</div>
				<!--mid-top-->
				<div class="mid-bot">
					<ul>
						<li>
							<a href="pro_details.html" class="pro"><img src="images/order_00.jpg"></a>
							<a href="pro_details.html" class="text">
								<p>女婴2016秋冬纯棉长袖爬服夹棉连身衣</p>
								<label>
									评分：
									<img src="images/order_01.png">
									<img src="images/order_01.png">
									<img src="images/order_01.png">
									<img src="images/order_01.png">
									<img src="images/order_01.png">
								</label>
							</a>
						</li>
						<li>
							<span>368.00</span>
							<button>在线支付</button>
						</li>
						<li><p>2016-05-06</p></li>
						<li>
							<span>等待付款</span>
							<button>在线支付</button>
						</li>
						
						<li><span id="remove">删除</span><span>添加关注</span></li>
					</ul>
					<ul>
						<li>
							<a href="pro_details.html" class="pro"><img src="images/order_00.jpg"></a>
							<a href="pro_details.html" class="text">
								<p>女婴2016秋冬纯棉长袖爬服夹棉连身衣</p>
								<label>
									评分：
									<img src="images/order_01.png">
									<img src="images/order_01.png">
									<img src="images/order_01.png">
									<img src="images/order_01.png">
									<img src="images/order_01.png">
								</label>
							</a>
						</li>
						<li>
							<span>368.00</span>
							<button>在线支付</button>
						</li>
						<li><p>2016-05-06</p></li>
						<li>
							<span>等待付款</span>
							<button>在线支付</button>
						</li>
						
						<li><span id="remove">删除</span><span>添加关注</span></li>
					</ul>
					<ul>
						<li>
							<a href="pro_details.html" class="pro"><img src="images/order_00.jpg"></a>
							<a href="pro_details.html" class="text">
								<p>女婴2016秋冬纯棉长袖爬服夹棉连身衣</p>
								<label>
									评分：
									<img src="images/order_01.png">
									<img src="images/order_01.png">
									<img src="images/order_01.png">
									<img src="images/order_01.png">
									<img src="images/order_01.png">
								</label>
							</a>
						</li>
						<li>
							<span>368.00</span>
							<button>在线支付</button>
						</li>
						<li><p>2016-05-06</p></li>
						<li>
							<span>等待付款</span>
							<button>在线支付</button>
						</li>
						
						<li><span id="remove">删除</span><span>添加关注</span></li>
					</ul>
				</div>
				<div class="mid-foot">
					<a href="#" class="prev">&lt;</a>
					<a href="#" class="next">&gt;</a>
				</div>
			</div>
		</div>
		<script>
			$(function(){
				$(".mid-bot ul li #remove").click(function(){
					$(this).parent().parents("ul").remove();
				})
			})
		</script>
		<div class="footer">
			<div class="footer-top">
				<a class="code-left"><img src="images/code01.jpg"><span>官方微信</span></a>
				<a class="code-right"><img src="images/code02.jpg"><span>官方微博</span></a>
				<ul>
					<li>
						<i>7</i>
						<span>七天无理由退货</span>
					</li>
					<li>
						<i>优</i>
						<span>品质保证</span>
					</li>
					<li>
						<i>特</i>
						<span>特色服务体验</span>
					</li>
					<li>
						<i>？</i>
						<span>帮助中心</span>
					</li>
				</ul>
			</div>
			
			<!--footer-top-->
			<div class="footer-bottom">
				<p>
					<a href="about.html"><i>关于我们 </i></a>
					<a href="#"><i>购物袋 </i></a>
					<a href="#"><i>我的账户</i></a>
					<a href="#"><i>顾客查询</i></a>
					<a href="#"><i>产品优点</i></a>
					<a href="#"><i>零售网络</i></a>
					<a href="contact_us.html"><i>联络我们</i></a>
					<a href="#">Hallmark Babies 官方网站 Officia</a>
					<a href="#">Website</a>
				</p>
				<p><a class="left">Copyright © 2009-2016 MYBABYKID.COM 版权所有 </a><a href="#" class="right">使用条款 | 隐私及安全条例</a></p>
				<p> © Hallmark Cards, Inc.</p>
				<div class="attention">
					<p>立即关注</p>
					<p>最新产品</p>
					<p>优惠信息发布</p>
				</div>
			</div>
		</div>
	</body>
</html>
